<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./assets/css/jquery.mobile-1.4.5.min.css">
</head>
<body>
<div data-role="page" id="home">
    <div data-role="header">
        <h1>赛事</h1>
        <a href="#" class="ui-btn-right">En</a>
    </div>
    <div data-role="content">
        <ul data-role="listview" data-theme="g">
            <li>
                <a href=""><img src="./assets/images/de.png" alt="" class="ui-li-icon">青铜</a>
            </li>
            <li>
                <a href=""><img src="./assets/images/de.png" alt="" class="ui-li-icon"> a</a>
            </li>
            <li>
                <a href=""><img src="./assets/images/de.png" alt="" class="ui-li-icon"> a</a>
            </li>
        </ul>
        <ul data-role="listview" data-theme="g" >
            <li>
                <a href=""><img src="./assets/images/album-p.jpg" alt="">
                    <h2>sdfafd</h2>
                    <p>dfafa</p>
                </a>
            <li>
                <a href=""><img src="./assets/images/album-p.jpg" alt="">
                    <h2>sdfafd</h2>
                    <p>sfadsf</p>
                </a>
            </li> <li>
            <a href=""><img src="./assets/images/album-p.jpg" alt="">
                <h2>sdfafd</h2>
                <p>dsadf</p>
            </a>
        </li>
        </ul>
        <ul data-role="listview" data-theme="a" data-split-icon="gear">
            <li>
                <a href=""><img src="./assets/images/album-p.jpg" alt="">
                    <h2>sdfafd</h2>
                    <p>dfafa</p>
                </a>
                <a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">
                    购买
                </a>
            <li>
                <a href=""><img src="./assets/images/album-p.jpg" alt="">
                    <h2>sdfafd</h2>
                    <p>sfadsf</p>
                </a>
            </li> <li>
            <a href=""><img src="./assets/images/album-p.jpg" alt="">
                <h2>sdfafd</h2>
                <p>dsadf</p>
            </a>
        </li>
        </ul>
        <div data-role="popup" id="purchase">sdfsdf</div>
    </div>
    <div data-role="footer" data-position="fixed" data-theme="a">
        <div data-role="navbar">
            <ul>
                <li><a href="home.html" data-transition="slide">赛事</a></li>
                <li><a href="./user/index.html" data-transition="slide">咨询</a></li>
                <li><a href="./user/index.html" data-prefetch="true" data-transition="slide">Albums</a></li>
                <li><a href="page-d.html" data-prefetch="true" data-transition="slide">Emails</a></li>
            </ul>
        </div>
    </div>
</div>
</body>
<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/index.js"></script>
<script src="./assets/js/jquery.mobile-1.4.5.min.js"></script>

<script>
    $(function () {
        $("[data-role='navbar']").navbar();
        $("[data-role='header'], [data-role='footer']").toolbar();
    });
    // Update the contents of the toolbars

</script>
</body>
</html>
